<html>
<head>
    <title>用户查询</title>
</head>
<body>
    <p>
        姓名：<input type="text" />
        性别：<select>
                <option></option>
                <option>男</option>
                <option>女</option>

            </select>
        <input type="button" value="查询">
    </p>
    <p>
        <table border="1">
            <thead>
                <tr>
                    <th rowspan="2">姓名</th> 
                    <th rowspan="2">性别</th>
                    <th colspan="2">籍贯</th>
                    <th rowspan="2">爱好</th>
                </tr>
                <tr>
                    <th>省</th>
                    <th>市</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>张三</td> <td>男</td>
                    <td>江西</td> <td>九江</td>
                    <td>篮球</td>
                </tr>
                <tr>
                    <td>李四</td> <td>女</td>
                    <td>江西</td>   <td>南昌</td>
                    <td>音乐</td>
                </tr>
            </tbody>
        </table>
    </p>
</body>
</html>

<script type="text/javascript">
    //1.获取当前时间变量对象
    var dt =new Date();
    //2.获得当前时间对象的小时数
    var hour =dt.getHours();
    //3.根据hours的值,设置不同的提示语
    var content="早上好";
    if(hour>=8 && hour<=12)
        content="上午好";
    if(hour>=12 && hour<=20)
        content="下午好";
    if(hour>=20 && hour<=23)
        content="晚上好";
    if(hour<4)
        content="夜深了，还不快去睡觉";
    alert(content);
</script>
